<template>
    <view class="main-content">
		<index-header :statusBarHeight="statusBarHeight"></index-header>
		<view class="content" :style="{'padding-top': statusBarHeightS +'px'}">
            <view class="simple_intro">
				<image style="width: 100%;border-radius: 10upx;height: 450upx;" src="https://www.3sworld.com/uploads/20210223/a0abcc88e2a879a21d7817494e44f91e.jpg"></image>
				<view class="act_name">测绘大讲堂第二季第四期-测绘教育和学科发展</view>
				<view style="color: #999;">
				<text class="text">浏览：168</text>	<text class="text"> 收藏：2</text class="text"> <text>想参加\已参加：4</text>
				</view>
				<view class="time">
					<image style="width: 30upx;height: 30upx;top:5upx" src="../../static/img/time.png"></image><text style="margin-left: 20upx;">2021.04.15 14:00</text>
				</view>
				<view class="">
					<image style="width: 30upx;height: 30upx;top:5upx" src="../../static/img/location.png"></image><text style="margin-left: 20upx;">线上</text>
				</view>
				<view class="">
					<image style="width: 30upx;height: 30upx;top:5upx" src="../../static/img/IE.png"></image><text style="margin-left: 20upx;">http://www.csgpc.org/list.php?fid=1311</text>
				</view>
				<view class="">
					<text class="type">教学类</text><text class="type">教学类</text><text class="type">教学类</text>
					</view>
			</view>
			<view class="org">
				<image class="org_img" src="https://www.3sworld.com/uploads/20201028/13c96f598f0fcf368b6cdf20ad243bdd.png"></image>
				<view class="org_intro">
					<view class="org_name">中国测绘学会</view>
					<view class="info">中国测绘学会于1956年7月开始筹建，1959年2月19日正式成立。是在..</view>
					<view class=""><text class="text">粉丝52</text><text></text>活动2</view>
				</view>
				<view style="text-align: center;margin-top: 50upx;">
					<text class="btn">关注</text><text @click="jump()" class="btn">主办方小站</text>
				</view>
			</view>
			<view class="org_info">
				<view >
					 <view class="uni-inline-item"><view class="ban"></view><text class="title">组织信息</text></view>
					 <view style="font-size: 30upx;">■ 主板单位：中国测绘学会</view>
				</view>
			</view>
			<view class="org_info">
				<view :style="{'height':showMore?'':'500upx','overflow': 'hidden'} ">
					 <view class="uni-inline-item"><view class="ban"></view><text class="title">活动详情</text></view>
					 <view class="act_detail" v-html="actdetail"></view>
					
				</view>
				 <view v-show="showMore==false" @click="showMore=true" style="text-align: center;font-size: 30upx;border-top: 1upx solid #EEEEEE;">查看更多</view>
			</view>
			<view class="org_info">
				<view >
					 <view class="uni-inline-item"><view class="ban"></view><text class="title">直播信息</text></view>
					 <view v-html="liveInfo"></view>
				</view>
			</view>
			<view class="org_info" >
				<view style="padding-bottom: 146upx;">
					 <view class="uni-inline-item"><view class="ban"></view><text class="title">收费信息</text></view>
					 <view style="font-size: 30upx;">免费</view>
					 <view style="text-align: center;margin-top: 20upx;">
						 <text @click="join()" :class="isJoin?'onbtn':'btn' ">想参加/已参加</text>
					 </view>
				</view>
			</view>
			
			<view class="join_operate">
				<view class="operate">
					<view class="operate_list">
						<navigator  url='/pages/activity/index'>
						<text class="iconfont icon_home"></text>
						</navigator>
						<text class="txt">首页</text>
						
					</view>
					<view class="operate_list">
						<navigator  url="/pages/activity/Collect">
						<text class="iconfont icon_sc"></text>
						</navigator>
						<text class="txt">收藏</text>
					</view>
				</view>
				<view class="no_join">暂时支持报名</view>
			</view>
        </view>
	
    </view>
</template>

<script>

    export default {
        data() {
            return {
				statusBarHeight:'',
				statusBarHeightS:'',
				actdetail:'<div class="col-sm-9"><div class="bodyread neiye"> <p style="white-space: normal; text-align: center;"><strong>“测绘大讲堂”</strong></p><p style="white-space: normal; text-align: center;"><strong>第二季第四期：<strong style="font-size: 14px;"><strong style="font-size: 14px; white-space: normal;">测绘教育和学科发展</strong></strong></strong></p><p style="white-space: normal; text-align: center;">日期：4月15日（周四下午）</p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192); font-size: 16px;"><strong>嘉宾主持：</strong></span></p><p style="white-space: normal;"><span style="font-size: 16px;">高井祥&nbsp;中国矿业大学研究生院常务副院长、教授</span></p><p style="white-space: normal;"><span style="font-size: 16px;">14:00-15:15</span></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192); font-size: 16px;"><strong>报告专家：</strong></span></p><p style="white-space: normal;"><span style="font-size: 16px;">李建成&nbsp;中国工程院院士</span></p><p style="white-space: normal;"><span style="font-size: 16px;">15:15-16:30</span></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192); font-size: 16px;"><strong>报告专家：</strong></span></p><p style="white-space: normal;"><span style="font-size: 16px;">李清泉&nbsp;深圳大学党委书记、校长，欧亚科学院院士</span></p><p style="white-space: normal;"><span style="font-size: 16px;"><br></span></p><p style="white-space: normal; text-align: center;"><span style="font-size: 16px;"><img src="https://www.3sworld.com/uploads/ueditor/image/20210223/1614091216975175.jpg"></span></p><p style="white-space: normal; text-align: center;"><strong><span style="font-size: 16px;">报告专家：李建成 中国工程院院士</span></strong></p><p style="white-space: normal; text-align: center;"><span style="font-size: 16px;"><img src="https://www.3sworld.com/uploads/ueditor/image/20210223/1614091230901886.jpg"></span></p><p style="white-space: normal; text-align: center;"><strong><span style="font-size: 16px;">报告专家：李清泉 深圳大学党委书记、校长，欧亚科学院院士</span></strong></p><p style="white-space: normal; text-align: center;"><span style="font-size: 16px;"><img src="https://www.3sworld.com/uploads/ueditor/image/20210223/1614091261689698.jpg"></span></p><p style="white-space: normal; text-align: center;"><strong>主持人： 高井祥 中国矿业大学研究生院常务副院长、教授</strong></p><p style="white-space: normal;"><br></p><p style="white-space: normal; text-align: center;"><strong><img src="https://www.3sworld.com/uploads/ueditor/image/20210222/1614005645340965.jpg" width="900" height="288" title="" alt=""></strong></p><p style="white-space: normal; text-align: center;"><strong>中国测绘学会关于举办“测绘大讲堂”第二季活动的通知</strong></p><p style="white-space: normal; text-align: center;">测学发〔2021〕6号</p><p style="white-space: normal;"><br></p><p style="white-space: normal;">本会理事、分会及专业（工作）委员会、团体会员单位，各省、自治区、直辖市及计划单列市测绘（地理信息）学会，其他相关单位：</p><p style="white-space: normal; text-indent: 2em;">为关注国际测量发展动向、传承地图文化、推进测绘教育和学科发展，结合疫情防控需要，中国测绘学会将于3月4日-4月15日期间，举办“测绘大讲堂”第二季系列活动，开展在线交流学习。请各单位积极组织报名参会。现将有关事项通知如下：<br></p><p style="white-space: normal;"><br></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);"><strong>一、组织机构</strong></span></p><p style="white-space: normal;"><strong>主办单位</strong>：中国测绘学会&nbsp;</p><p style="white-space: normal;"><strong>协办单位</strong>：全国各省、自治区、直辖市及计划单列市测绘（地理信息）学会</p><p style="white-space: normal;"><strong>媒体支持单位</strong>：科创中国、科技工作者之家、《中国测绘》、51GIS学院、中国知网、天乐测绘网、泰伯网、慧天地</p><p style="white-space: normal;"><strong>技术支持单位</strong>：星月测绘、七维视觉、易智瑞信息技术有限公司</p><p style="white-space: normal;"><br></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);"><strong>二、主题</strong></span><br></p><p style="white-space: normal;">本季分为四期，内容主要分以下4个主题：<br></p><p style="white-space: normal;">1. 国际测量发展动向；</p><p style="white-space: normal;">2. 地图文化与传承；</p><p style="white-space: normal;">3. 北斗导航与应用；</p><p style="white-space: normal;">4. 测绘教育和学科发展。</p><p style="white-space: normal;"><br></p><p style="white-space: normal;"><strong><span style="color: rgb(0, 112, 192);">三、时间及方式</span></strong></p><p style="white-space: normal;"><strong>日期</strong>：2021年3月4日—4月15日，每两周一次，星期四。&nbsp;&nbsp;&nbsp;</p><p style="white-space: normal;"><strong>方式</strong>：网络直播。</p><p style="white-space: normal;"><br></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);"><strong>四、日程安排</strong></span></p><p style="white-space: normal;">以学会公众号和网站发布为准</p><p style="white-space: normal;"><span style="font-size: 14px;"><strong>1、国际测量发展动向</strong></span></p><p style="white-space: normal;"><span style="font-size: 14px;">日期：3月4日</span></p><p style="white-space: normal;"><span style="font-size: 14px;">嘉宾主持：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">刘耀林&nbsp;武汉大学教授、欧亚科学院院士</span></p><p style="white-space: normal;"><span style="font-size: 14px;">9:00-10:15</span></p><p style="white-space: normal;"><span style="font-size: 14px;">报告专家：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">Jack Dangermond（杰克·丹杰蒙德）&nbsp;ESRI创始人兼总裁</span></p><p style="white-space: normal;"><span style="font-size: 14px;">10:15-11:30</span></p><p style="white-space: normal;"><span style="font-size: 14px;">报告专家：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">陈军&nbsp;中国工程院院士、欧亚科学院院士</span></p><p style="white-space: normal;"><span style="font-size: 14px;"><strong>2、地图文化与传承</strong><br></span></p><p style="white-space: normal;"><span style="font-size: 14px;">日期：3月18日</span></p><p style="white-space: normal;"><span style="font-size: 14px;">嘉宾主持：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">杜清运&nbsp;武汉大学资源与环境科学学院院长</span></p><p style="white-space: normal;"><span style="font-size: 14px;">14:00-15:15<br></span></p><p style="white-space: normal;"><span style="font-size: 14px;">报告专家：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">王家耀&nbsp;中国工程院院士</span></p><p style="white-space: normal;"><span style="font-size: 14px;">15:15-16:30</span></p><p style="white-space: normal;"><span style="font-size: 14px;">报告专家：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">张志华&nbsp;青岛市勘察测绘研究院院长</span></p><p style="white-space: normal;"><span style="font-size: 14px;"><strong>3、北斗导航与应用</strong></span></p><p style="white-space: normal;"><span style="font-size: 14px;">日期：4月1日</span></p><p style="white-space: normal;"><span style="font-size: 14px;">嘉宾主持：姜卫平&nbsp;武汉大学卫星导航定位技术研究中心主任</span></p><p style="white-space: normal;"><span style="font-size: 14px;">9:00-10:15</span></p><p style="white-space: normal;"><span style="font-size: 14px;">报告专家：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">刘经南&nbsp;中国工程院院士</span></p><p style="white-space: normal;"><span style="font-size: 14px;">10:15-11:30</span></p><p style="white-space: normal;"><span style="font-size: 14px;">报告专家：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">陈锐志&nbsp;武汉大学测绘遥感信息工程国家重点实验室主任</span></p><p style="white-space: normal;"><span style="font-size: 14px;"><strong>4、测绘教育和学科发展</strong></span></p><p style="white-space: normal;"><span style="font-size: 14px;">日期：4月15日</span></p><p style="white-space: normal;"><span style="font-size: 14px;">嘉宾主持：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">高井祥&nbsp;中国矿业大学研究生院常务副院长、教授</span></p><p style="white-space: normal;"><span style="font-size: 14px;">14:00-15:15</span></p><p style="white-space: normal;"><span style="font-size: 14px;">报告专家：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">李建成&nbsp;中国工程院院士</span></p><p style="white-space: normal;"><span style="font-size: 14px;">15:15-16:30</span></p><p style="white-space: normal;"><span style="font-size: 14px;">报告专家：</span></p><p style="white-space: normal;"><span style="font-size: 14px;">李清泉&nbsp;深圳大学党委书记、校长，欧亚科学院院士</span></p><p style="white-space: normal;"><br></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);"><strong>五、报名与听课</strong></span></p><p style="white-space: normal;">观看方式：扫描下方二维码，关注学会公众号，进入“大讲堂”栏目进行观看。</p><p style="white-space: normal; text-align: center;"><img src="https://www.3sworld.com/uploads/ueditor/image/20210222/1614004603773296.png" title="3.png" width="200" height="200" alt="3.png"></p><p style="white-space: normal;">直播入口：<a href="http://www.csgpc.org/list.php?fid=1311">http://www.csgpc.org/list.php?fid=1311</a></p><p style="white-space: normal;"><br></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);"><strong>六、其他事项</strong></span></p><p style="white-space: normal;">1. 本次系列讲座不收取任何费用；</p><p style="white-space: normal;">2. 请参会人员自行准备设备，按时观看。</p><p style="white-space: normal;"><br></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);"><strong>七、联系方式</strong></span></p><p style="white-space: normal;">齐阳（010）63881401 &nbsp;18610012267</p><p style="white-space: normal;">王宁（010）63881401&nbsp;&nbsp;13811271270</p><p style="white-space: normal;"><br></p><p style="white-space: normal;">中国测绘学会</p><p style="white-space: normal;">2021年2月22日</p><p style="white-space: normal;"><img class="" src="https://mmbiz.qpic.cn/mmbiz_jpg/8iattT8Bibe3ulbCb5nWsPOic2nLEcJ3Mz51b18TvibictsKdDaxiagTgW3XWo0mY8dQtsXeV7Af5O0dvNCrYbI9A4ibg/640?wx_fmt=jpeg&amp;tp=webp&amp;wxfrom=5&amp;wx_lazy=1&amp;wx_co=1" alt="图片" width="900" height="307" title="图片"></p>                </div><h4>直播信息</h4> <div class="bodyread neiye"><p style="text-align: center;">扫描下方二维码，关注学会公众号，进入“大讲堂”栏目进行观看。</p><p style="text-align: center;"><img src="https://www.3sworld.com/uploads/ueditor/image/20210222/1614004603773296.png" title="3.png" width="200" height="200" alt="3.png"></p><p style="text-align: center;">直播入口：<a href="http://www.csgpc.org/list.php?fid=1311" style="white-space: normal;">http://www.csgpc.org/list.php?fid=1311</a></p><p style="text-align: center;"><span style="text-align: center; color: rgb(192, 0, 0); font-family: -apple-system-font, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 14px; letter-spacing: 0.544px;">目前所有小程序都不支持直接识别二维码。</span><br><span style="text-align: center; color: rgb(192, 0, 0); font-family: -apple-system-font, BlinkMacSystemFont, &quot;Helvetica Neue&quot;, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Microsoft YaHei UI&quot;, &quot;Microsoft YaHei&quot;, Arial, sans-serif; font-size: 14px; letter-spacing: 0.544px;">您可点击图片后转发到微信上，再识别。</span></p>                </div><h4>收费信息</h4><div class="bodyread neiye"><p>免费</p>                </div></div>',
				showMore:false,
				isJoin:true,
				liveInfo:'<p style="white-space: normal;">观看方式：扫描下方二维码，关注学会公众号，进入“大讲堂”栏目进行观看。</p><p style="white-space: normal; text-align: center;"><img src="https://www.3sworld.com/uploads/ueditor/image/20210222/1614004603773296.png" title="3.png" width="200" height="200" alt="3.png"></p><p style="white-space: normal;">直播入口：<a href="http://www.csgpc.org/list.php?fid=1311">http://www.csgpc.org/list.php?fid=1311</a></p>'
            };
        },

        onLoad() {
           
        },
        onShow(e) {
           // #ifdef MP-WEIXIN || APP-PLUS || APP-PLUS-NVUE
              var sysinfo = uni.getSystemInfoSync();
              this.statusBarHeight = sysinfo.statusBarHeight + 44;
              this.statusBarHeightS = sysinfo.statusBarHeight + 90;
           // #endif
           // #ifdef H5
              var sysinfo = uni.getSystemInfoSync();
              this.statusBarHeight = '0';
              this.statusBarHeightS = '54';
           // #endif
        },
        onShareAppMessage() {
           
            return {
                imageUrl:"",
                title:'首页',
                path:'/pages/home/home'
            }
        },
        computed: {
           
        },
        methods: {
			join(){
				if(this.isJoin){
					this.isJoin=false;
					uni.showToast({
						title: '已取消',
						icon:'success',//不要图标
						duration: 1000//1后消失
					});
				}else{
					this.isJoin=true;
					uni.showToast({
						title: '已选想参加',
						icon:'success',//不要图标
						duration: 1000//1后消失
					});
				}
				
			}
			,
			jump() {
					uni.navigateTo({
						url: '/pages/activity/actlist'
					})
			}
        }
    }
</script>

<style lang="scss">
	.onbtn{
		background-color: #1bb14e;
		color: #FFFFFF;
		padding:15upx 40upx;
		border-radius: 100upx;
		width: 200upx;
		margin-right: 20upx;
	}
	.ban{
		background-color: #128BED;
		width: 8upx;
		height: 30upx;
		opacity: 1;
	}
	.title{
		font-weight: bold;
		font-size: 32upx;
	}
	.org_info{
		margin-top: 20upx;
		padding: 50upx;
		background-color: #FFFFFF;
		
	}
	.btn{
		border: 1upx solid #1bb14e;
		color: #1bb14e;
		padding:15upx 40upx;
		border-radius: 100upx;
		width: 200upx;
		margin-right: 20upx;
	}
	.org_img{
		width: 200upx;
		height: 220upx;
		float: left;
	}
	.org_intro{
		
	}
	.info{
	}
	.org_name{
		font-size: 40upx;
		margin-left: 40upx;
	}
	.org{
		margin-top: 20upx;
		padding: 40upx;
		background-color: white;
	}
	.type{
		    display: inline-block;
		    margin: 5upx 10upx;
		    margin-left: 0;
		    padding: 0upx 5upx;
		    border: 1upx solid #3069c2;
		    color: #3069c2;
		    font-size: 12upx;
	}
    .content {
        width: 750upx;
        height: auto;
        padding-top: 108upx;
		background-color:#EEEEEE ;
		min-height: calc(100% - 631upx);
    }
	.simple_intro{
		padding: 20upx;
		background-color: #FFFFFF;
	}
	.act_name{
		font-size: larger;
		font-weight: bold;
		margin: 20upx 0upx;
	}
	.text{
		margin-right: 30upx;
	}
	.time{
		margin-top: 10upx;
		height: 50upx;
		line-height: 50upx;
	}
	
	.join_operate {
		position: fixed;
		bottom: 0;
		z-index: 100;
		height: 106upx;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		background-color: #FFFFFF;
		border-top: 1upx solid #DDD;
		
		.operate {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			
			.operate_list {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				margin-left: 60upx;
				
				.iconfont {
					&.icon_home {
						font-size: 44upx;
					}
					font-size: 36upx;
					line-height: 36upx;
				}
				
				.txt{
					font-size: 12upx;
					color: #666666;
				}
			}
			
			
		}
		
		.no_join {
			margin-right: 20upx;
			height: 70upx;
			width: 230upx;
			border-radius: 35upx;
			background-color: #D8D8D8;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			color: #FFFFFF;
			font-size: 28upx;
		}
	}
</style>
